<template>
  <view>
  
   
     <uni-card>
       <view style="margin-bottom: 15px; font-size: 20px; font-weight: bold">系统公告</view>
       <uni-timeline style="padding: 0">
         <uni-timeline-item v-for="item in notices" :key="item.id" placement="top">
           <uni-card>
			  <view class="time">{{item.time}}</view> 
             <view class="title">{{ item.title }}</view>
             <view class="content" v-html="item.content"></view>
           </uni-card>
         </uni-timeline-item>
       </uni-timeline>
     </uni-card>
    
    
  
    
  </view>
</template>

<script>
export default {
  data() {
    return {
      user: uni.getStorageSync('weather2024'),
      notices: [],
      activeName: '0'
    }
  },
  created() {
    this.loadNotice()
  },
  methods: {
    loadNotice() {
      this.$request.get('/notice/selectUserData').then(res => {
        this.notices = res.data
      })
    }
  }
}
</script>


<style>
.title{
	font-family: "Brush Script MT", "Lucida Handwriting", Cursive;
	font-weight: bolder;
	color: color;
	font-size: 22px;
	
}
.content{
	font-family: "Brush Script MT", "Lucida Handwriting", Cursive;
	font-weight: bolder;
	color: color;
	font-size: 15px;
}
.time{
	font-family: "Times New Roman", Times, serif;
	font-weight: bolder;
	color: color;
	font-size: 15px;
	}
</style>